<div class="row contentBox">
    <!-- 左侧同义词搜索 BEGIN -->
    <div class="row contentArea_leftDiv">
        <div class="tableSet_leftDiv">
            <div class="tableSet_div_title" *ngIf="type == 1">选择产品分类搜索</div>
            <div class="tableSet_div_title" *ngIf="type == 2">选择所属项目搜索</div>
            <div style="padding:5px;">
                <select name="type" [(ngModel)]="type" (change)="typeSearch()" style="width: 100% !important;" class="form-control select-style">
                    <option value="1">产品分类</option>
                    <option value="2">所属项目</option>
                </select>
            </div>

            <div *ngIf="type == 1" class="tableSet_ui tableSet_ui_tree">
                <app-product-type-tree (nodeSelect)="selectNode($event)" [showTitle]="0"></app-product-type-tree>
            </div>

            <div *ngIf="type == 2" class="tableSet_ui">
                <a class="tableSet_li" style="cursor:pointer" mat-raised-button
                    *ngFor="let val of projectValTab; let i = index"
                    [ngClass]="{'tableSet_li_selected': val.projectId == projectId,'' : val.projectId !== projectId}"
                    (click)="_clickProduct(val.projectId)"
                    title="{{ val.projectName }}"
                    >
                    <img class="tableSet_li_icon" src="assets/indexing/wordListIcon.png"/>{{ val.projectName }}
                </a>  
            </div>
        </div>
    </div>
    
    <!-- 左侧同义词搜索 END -->
  
    <div class="contentArea_rightDiv">
        <div class="row txtTitle">
            <input matInput type="text" class="input_style"
            #queryCriteria="ngModel"
            name="searchData"
            (input)="changesearch()"
            (keydown.enter)="changesearch()"
            placeholder="请输入词语名称检索"
            [(ngModel)]="searchData"
            />
            <button class="btn btn-search btn-blue" style="margin-right: 10px;"
              (click)="search()"
              mat-button
              >查询
            </button>
            <!-- <button class="btn btn-blue" data-toggle="modal" mat-button   data-target="#contentProductAdd" (click)="initService._init(1)">新增</button>
            <button class="btn btn-orange"
              data-toggle="modal" 
              [disabled]="removeTableService?._isEmpty()" 
              data-target="#synonymDelete"
              mat-button
            >删除</button> -->
        </div>
        
        <!-- 表格 BEGIN -->
        
        <div class="right-plate" id="synonymTable">
            <app-content-product-table #table></app-content-product-table>
        </div>
        <!-- 表格 END -->
  
        <!-- 分页 BEGIN -->
         <app-pagination [getTotalItems]="table.total"
         (isLoadTableFromPagination)="_pagination($event)"
         >
        </app-pagination>
        <!-- 分页 END -->
    </div>
  </div>
  <!--content  end-->
  
  <!--新增弹窗 BEGIN-->
  <!-- <app-content-product-add (onSubmit)="table.getContentProductList()"></app-content-product-add> -->
  <!--新增弹窗 END-->
  
  <!-- 删除 BEGIN -->
  <!-- <app-content-product-delete (delete)="table.getContentProductList()"></app-content-product-delete> -->
  <!-- 删除 BEGIN -->	